<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>โครงการพิเศษหลักสูตรนานาชาติ หลักสูตรการออกแบบเชิงนวัตกรรมดิจิทัล และ หลักสูตรเทคโนโลยีดิจิทัลแนวสร้างสรรค</title>
        <meta name="description" content="โครงการพิเศษหลักสูตรนานาชาติ หลักสูตรการออกแบบเชิงนวัตกรรมดิจิทัล และ หลักสูตรเทคโนโลยีดิจิทัลแนวสร้างสรรค">
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">	
        <link type="text/css" rel="stylesheet" href="http://fonts.googleapis.com/css?family=Montserrat:400,700|Open+Sans:400,300,700">
        <!-- x -->
        <?php
        // Config for Backend Carabiner //
        $carabiner_config = array(
            'script_dir' => 'backend_assets/',
            'style_dir' => 'backend_assets/',
            'cache_dir' => 'backend_assets/cache/',
        );

        $this->carabiner->config($carabiner_config);


        // Asset for CSS //
        $main_css = array(
            array('css/bootstrap.css'),
            array('css/font-awesome.min.css'),
            array('css/font.css'),
            array('css/style.css'),
            array('css/plugin.css'),
            array('css/landing.css'),
            array('js/select2/select2.css'),
            array('js/textext/textext.core.css'),
            array('js/textext/textext.plugin.autocomplete.css'),
            array('js/textext/textext.plugin.tags.css'),
            array('js/daterangepicker/daterangepicker-bs3.css')
        );

        $this->carabiner->group('main_css', array('css' => $main_css));

        echo $this->carabiner->display('main_css');


        // Additional CSS //
        if (isset($css)) {
            foreach ($css as $row) {
                $additional_css[] = array($row);
            }
            $this->carabiner->group('additional_css', array('css' => $additional_css));
            echo $this->carabiner->display('additional_css');
        }
        ?>

        <!--[if lt IE 9]>
        <?php
        $iefix_js = array(
            array('js/ie/respond.min.js'),
            array('js/ie/html5.js'),
            array('js/ie/excanvas.js')
        );

        $this->carabiner->group('iefix_js', array('js' => $iefix_js));

        echo $this->carabiner->display('iefix_js');
        ?>
        <![endif]-->

        <?php
        // Asset for JS //
        $main_js = array(
            array('js/jquery.min.js'),
            array('js/bootstrap.js'),
            array('js/app.js'),
            array('js/charts/sparkline/jquery.sparkline.min.js'),
            array('js/charts/easypiechart/jquery.easy-pie-chart.js'),
            array('js/fuelux/fuelux.js'),
            array('js/datepicker/bootstrap-datepicker.js'),
            array('js/slider/bootstrap-slider.js'),
            array('js/file-input/bootstrap.file-input.js'),
            array('js/combodate/moment.min.js'),
            array('js/combodate/combodate.js'),
            array('js/parsley/parsley.min.js'),
            array('js/select2/select2.min.js'),
            array('js/daterangepicker/moment.min.js'),
            array('js/daterangepicker/daterangepicker.js'),
            array('js/datatables/jquery.dataTables.min.js'),
            array('js/select2/select2.min.js'),
            array('js/datatables/jquery.dataTables.columnFilter.js'),
            array('js/tinymce/tinymce.min.js'),
            array('js/textext/textext.core.js'),
            array('js/textext/textext.plugin.ajax.js'),
            array('js/textext/textext.plugin.autocomplete.js'),
            array('js/textext/textext.plugin.tags.js'),
            array('js/bootbox.min.js'),
            array('js/app.plugin.js')
        );

        $this->carabiner->group('main_js', array('js' => $main_js));

        echo $this->carabiner->display('main_js');


        // Additional JS //
        if (isset($js)) {
            foreach ($js as $row) {
                $additional_js[] = array($row);
            }
            $this->carabiner->group('additional_js', array('js' => $additional_js));
            echo $this->carabiner->display('$additional_js');
        }

        $carabiner_config = array(
            'script_dir' => 'assets/',
            'style_dir' => 'assets/',
            'cache_dir' => 'assets/cache/',
        );

        $this->carabiner->config($carabiner_config);

// Asset for CSS //
        $main_css = array(
            array('css/application.css')
        );

        $this->carabiner->group('main_css', array('css' => $main_css));

        echo $this->carabiner->display('main_css');
        ?>
        <style>
            nav ul {
    display: inline-block;
    float: right;
    font-family: 'Montserrat','Trebuchet MS',sans-serif;
}
nav #fluid-nav li, nav #fixed-nav li {
    display: inline-block;
    margin-left: 12px;
}
nav #fluid-nav li:first-child, nav #fixed-nav li:first-child {
    margin-left: 0;
}
nav #fluid-nav li a, nav #fixed-nav li a {
    border: medium none;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
}
nav #fluid-nav li a:hover {
    color: #333333;
    text-decoration: none;
}
nav #fluid-nav li.current a {
    color: #FAA3A5;
}
nav #fixed-nav li a:hover {
    color: #F84545;
    text-decoration: none;
}
nav #fixed-nav li.current a {
    border-bottom: 3px solid #F84545;
    color: #FFFFFF;
    padding-bottom: 5px;
}
nav#mainnav {
    background-color: #F84545;
    height: 50px;
    overflow: hidden;
    position: relative;
    width: 100%;
    z-index: 999;
}
nav#mainnav .logo {
    position: absolute;
    top: 14px;
}
nav#mainnav #fluid-nav li {
    margin-top: 16px;
}
.selectnav {
    display: none;
    font-size: 12px;
    position: absolute;
    text-transform: capitalize !important;
}
nav#mainnav .logo {
    margin-top: 4px;
}

nav #fluid-login{
    float: left;
}
nav #fluid-login li, nav #fixed-nav li {
    display: inline-block;
    margin-left: 12px;
    font-family: 'Montserrat','Trebuchet MS',sans-serif;
    
}
nav #fluid-login li:first-child, nav #fixed-nav li:first-child {
    margin-left: 0;
}
nav #fluid-login li a, nav #fixed-nav li a {
    border: medium none;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
}
nav #fluid-login li a:hover {
    color: #333333;
    text-decoration: none;
}
nav #fluid-login li.current a {
    color: #FAA3A5;
}

nav#mainnav #fluid-login li {
    margin-top: 16px;
}

nav #fluid-login li a, nav #fixed-nav li a {
    font-size: 12px;
}
        </style>
    </head>
    <body>
        <div id="mainnav-sticky-wrapper" class="sticky-wrapper is-sticky" style="height: 50px;"><nav id="mainnav" style="position: fixed; top: 0px;" class="is-sticky">
             <nav id="mainnav">
                <div class="container">
                    <div class="row">
                        <div class="span5">
                            <ul id="fluid-login" class="fluid-navigation visible-desktop">
                                <li class=""><a href="<?php echo base_url('register');?>">My Application</a></li>
                                <?php if(isset($payment_status)): ?>
                                <li><a href="<?php echo base_url('payment');?>">Payment</a></li>
                                <?php endif; ?>
                                <?php if(isset($payment_status) && $payment_status=='Complete'):?>
                                <li class=""><a href="<?php echo base_url('pdf');?>" target="_blank" >Download Application (PDF)</a></li>
                                <?php endif; ?>
                                
                                <li><a href="<?php echo base_url('logout');?>">Logout</a></li>
                            </ul>
                        </div>
                        
                        <div class="span7">
                            <ul id="fluid-nav" class="fluid-navigation visible-desktop">
                                <li><a href="<?php echo base_url(); ?>">Home</a></li>
                                <li><a href="<?php echo base_url(); ?>#curriculum">Curriculum</a></li>
                                <li><a href="<?php echo base_url(); ?>#partner">Partner</a></li>
                                <li><a href="<?php echo base_url(); ?>#qualification">Qualification</a></li>
                                <li><a href="<?php echo base_url(); ?>#register">Register</a></li>
                                <li><a href="<?php echo base_url(); ?>#contact">Contact</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </nav>
        </div>
        <div id="page-wrapper">
            <?php echo $application_header; ?>
        </div>
        <div id="page-wrapper">
            <?php echo $content; ?>
        </div>

    </body>
</html>